<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link rel='stylesheet' href='index.css'>
    <title>Document</title>
</head>

<body>
    <section class='css'>
        <h3>css3</h3>
        <div>
            <input type='radio' name='css' id='css1'>
            <label for='css1'></label>
            <input type='radio' name='css' id='css2'>
            <label for='css2'></label>
        </div>
        <div>
            <input type='checkbox' name='css' id='css3'>
            <label for='css3'></label>
            <input type='checkbox' name='css' id='css4'>
            <label for='css4'></label>
        </div>
    </section>
    <section class='sprite'>
        <h3>雪碧图</h3>
        <div>
            <input type='radio' name='sprit' id='spring1'>
            <label for='spring1'></label>
            <input type='radio' name='sprit' id='spring2'>
            <label for='spring2'></label>
        </div>
        <div>
            <input type='checkbox' name='css' id='spring3'>
            <label for='spring3'></label>
            <input type='checkbox' name='css' id='spring4'>
            <label for='spring4'></label>
        </div>
    </section>
    <section></section>
</body>

</html>